@charset "utf-8";
/* CSS Document */

@CHARSET "UTF-8";
/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}
body{
	background: #fff;
	line-height:14px;
	font-size: 11px;
	font-family: Tahoma, Arial,  Verdana, Helvetica, sans-serif;
	margin:0pt;
	overflow: hidden;
	cursor: default !Important;
        display:none;
}
html,body{
	height:100%;
}
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
a{
	text-decoration: none;
}
/******* GENERAL RESET *******/
/******* MAIN *******/
#main{
	height: 100%;
	background: transparent url(../images/background.jpg) no-repeat scroll center center;
	overflow: none;
}
/******* /MAIN  *******/
/******* ICONS *******/
#main div.icon{
	min-width: 48px;
	min-height: 48px;
	padding: 0px 14px 8px;
	border: 1px solid transparent;
	margin: 0pt auto;
	text-align: left;
	position: absolute;
	display: none;
}
#Khon{
        left:30px;
        bottom: 65px;
	position: absolute;
}
.buddy{
    width:90px;
    height: 132px;
    background-image:url(../images/Normal.png);
}
#speechBubble{
    bottom: -22px;
    position: absolute;
    padding-top:20px;
    padding-left:50px;
    left:70px;
    width:210px;
    height: 130px;
    background-image:url(../images/speechBubble.png);
}
#main div.icon:hover{
	background-color: #0a2c5e !Important;
	border: 1px solid #3b567e;
}
#main div.icon.active{
	background-color: #0a2c5e !Important;
	border: 1px solid #3b567e;
}
#main div.icon div.name{
	margin-top: 52px;
	text-align: center;
	color: #fff;
}
#main #mipc{
	background: transparent url(../images/mipc.png) no-repeat scroll center 4px;
	top: 32px;
	left: 32px;
}
#main #notebook{
	background: transparent url(../images/notebook.png) no-repeat scroll center 4px;
	top: 224px;
	left: 32px;
}
#main #trash{
	background: transparent url(../images/trash.png) no-repeat scroll center 4px;
}
#RightBar{
    right:20px;
    bottom: 161px;
    position: absolute;
}
#RightBar .facebook{
    width: 200px;
    height: 70px;
    background-image: url('../images/facebook.png');
}
#RightBar .facebook:hover{
    width: 200px;
    height: 70px;
    background-image: url('../images/facebookh.png');
}
#RightBar .twitter{
    width: 200px;
    height: 70px;
    background-image: url(../images/twitter.png);
}
#RightBar .twitter:hover{
    width: 200px;
    height: 70px;
    background-image: url(../images/twitterh.png);
}
/******* /ICONS  *******/

/******* TASKBAR  *******/
#main #taskbar{
	width: 100%;
	height: 39px;
	line-height: 38px;
	background: #3179d1 url(../images/taskbar.jpg) repeat-x left top;
	position: absolute;
	left: 0;
	bottom: 0px;
	padding: 4px 0px 1px 0px;
	display: none;
}
#main #taskbar #start{
	float: left;
	background: transparent url(../images/home.png) no-repeat 4px -3px;
	width: 64px;
	margin: 0 4px 0 0;
	padding: 0 2px 0 42px;
	font-size: 18px;
	font-style: italic;
	font-weight: 700;
	text-align: center;
}
#main #taskbar #start:hover{
	background-color: #fff;
}
.hidden{
    display: none;
}
#main #taskbar #clock{
	float: right;
	background: url(../images/clock.png) no-repeat 4px center;
	padding: 4px 10px 0 40px;
	font-size: 14px;
	border-left: 2px solid #2b6fc0;
	font-weight: 700;
	text-align: center;
}
#friendstsk{
    position: absolute;
    bottom: 0px;
    right:150px;
	background: transparent;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
.friendsbox{
    width:199px;
    height: 86px;
    position:absolute;
    bottom:38px;
    right:30px;
    background: url(../images/box1.png) no-repeat center;
    display:none;
}
.friendsbox2{
    width:199px;
    height: 86px;
    position:absolute;
    bottom:38px;
    right:30px;
    background: url(../images/box2.png) no-repeat center;
}
.ftext{
    margin-left:60px;
    text-shadow: 1px 1px 1px #c4e7fe;
}
#friends{
    width:283px;
    height: 581px;
    position:absolute;
    bottom:38px;
    right:10px;
    background: url(../images/friendsbk.png) no-repeat center;
    display:none;
}
.closebtn{
    width:12px;
    height:12px;
    background: url(../images/close.png) no-repeat center;
}
.closebtn:hover{
    width:12px;
    height:12px;
    background: url(../images/closeh.png) no-repeat center;
}
.closebtns{
    width:12px;
    height:12px;
    background: url(../images/closes.png) no-repeat center;
}
.closebtns:hover{
    width:12px;
    height:12px;
    background: url(../images/closesh.png) no-repeat center;
}
#startmenu{
    position: absolute;
    bottom:20px;
    width:300px;
    background-color:#3b567e;
    border: 2px solid #2b6fc0;
}
#friendsScroll{
    margin-top:5px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 250px;
    height: 450px;
    padding-left:15px;
}
#friendsScroll #friend{
    margin-top:3px;
    width:230px;
    height:40px;
    border: 1px solid #2b6fc0;
    -moz-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;
}
#friendsScroll #friend:hover{
    margin-top:3px;
    width:230px;
    height:40px;
    border: 1px solid #2b6fc0;
    background: #fff;
    -moz-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;
}
#friendsScroll #friend #name{
    font-weight: bold;
    font-size: 13px;
}
#friendsScroll #friend #avatar{
    
}
#friendstsk{
    width:39px;
    height:39px;
    background: url(../images/friends.png) no-repeat center;
}
#friendstsk:hover{
    width:39px;
    height:39px;
    background: url(../images/friendsh.png) no-repeat center;
}
#friendsBar{
    margin-top:30px;
    margin-left:25px;
    width:233px;
    height:40px;
    border: 1px solid #2b6fc0;
    -moz-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;
}
.friendAdd{
    margin-top:5px;
    margin-left:25px;
    width:233px;
    border: 1px solid #2b6fc0;
    -moz-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;
    display:none;
}
.input{
    background: #0f80e6;
    border: 1px solid #2b6fc0;
    -moz-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;
}
.input:hover{
    background: #0f80e6;
    border: 1px solid #000000;
    -moz-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;
}


#friendsBar #add{width:39px;height:39px;background: url(../images/add32.png) no-repeat center;}
#friendsBar #add:hover{width:39px;height:39px;background: url(../images/add32h.png) no-repeat center;}
#friendsBar #remove{width:39px;height:39px;background: url(../images/remove32.png) no-repeat center;}
#friendsBar #remove:hover{width:39px;height:39px;background: url(../images/remove32h.png) no-repeat center;}
#friendsBar #status{width:39px;height:39px;background: url(../images/edit32.png) no-repeat center;}
#friendsBar #status:hover{width:39px;height:39px;background: url(../images/edit32h.png) no-repeat center;}
#friendsBar #settings{width:39px;height:39px;background: url(../images/settings32.png) no-repeat center;}
#friendsBar #settings:hover{width:39px;height:39px;background: url(../images/settings32h.png) no-repeat center;}
/******* nview  *******/
.nview{
display:none;
padding:3px;
background-color: #fcfdfd;
color:#000;
margin-left: 200px;
-moz-border-radius: 6px 6px 9px 9px;
border-radius: 6px 6px 9px 9px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;
position:absolute;
}
.ntitle{
    padding-top:4px;
    color:#fff;
    font-size:16px;
    font-weight: bold;
    background:#2a5982 url('../images/titlebar.png');
    height:20px;
    text-align: center;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.ntext{
    padding:5px;
    font-size:12px;
    border:1px solid #2a5982;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    
}
.nclose{
    width: 15px;
    height: 15px;
    background-image: url('../images/close.png');
    padding-top:1px;
    padding-right:4px;
    display:inline;
    float:right;
}
.nclose:hover{
    cursor:default;
    width: 15px;
    height: 15px;
    background-image: url('../images/closeh.png');
    padding-top:1px;
    padding-right:4px;
    display:inline;
    float:right;
}
